import React from 'react'
import { Button, Space, Swiper, Toast } from 'antd-mobile'
function MySwiper() {
     const colors = ['#ace0ff', '#bcffbd', '#e4fabd', '#ffcfac'] 
const items = colors.map((color, index) => (
  <Swiper.Item key={index}>
    <div 
      style={{ background: color,height:'200px' }}
      onClick={() => {
        Toast.show(`你点击了卡片 ${index + 1}`)
      }}
    >
      {index + 1}
    </div>
  </Swiper.Item>
))
  return (
    <div>
        <Swiper>{items}</Swiper>
    </div>
  )
}

export default MySwiper